.top {
	background: #fcc300;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
}

.top_left {
	width: 10%;
	float: left;
}

.top_right {
	width: 10%;
	float: right;
}

.main_05 {
	margin: 0 auto; text-align : center;
	position: relative;
	font-weight: bold;
	color: #6a6a6a;
	text-align: center;
}

.main_05 #title {
	padding: 3% 0 3% 0; background : #FFF;
	width: 100%;
	background: #FFF;
}

.main_05 #category {
	margin-top: 10%;
	width: 100%;
}

#nav {
	font-size:0;
	width: 100%
}

#nav>ul>li {
	float: left;
	width: 33.3%;
	position: relative
}
#nav>ul>li>div.active {
	position: relative;
	height: 8px;
	width: 100%;
	top:-8px;
	left: 0;
	background: #fbc400;
	display: none
}

#nav>ul>li>div.on_active {
	display: block
}

#nav>ul>li img {
	width: 100%
}

#nav>ul>li ul.hide {
	display:none;
}
#nav>ul>li ul.show {
	margin-top:-8px;
	width: 100%;
	z-index: 1;
	position: absolute;
	display:block;
}

#content{
	padding-top: 3%;
	width:90%;
	margin-left:5%;
	margin-right:5%;
}

#content>ul>li{
	width:100%;
	position: relative
}
#content>ul>li img {	
	width: 100%
}
#content>ul>li>div.active {
	padding-left:3%;
	line-height: 300%;
	text-align: left;
	position: relative;
	height: 45px;
	width: 97%;
	top: -45px;
	left: 0;
	background: #FFF;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity = 0.8);
	-khtml-opacity: 0.8;
}

